@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}   
*{ tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0);}
html{width:100%; height:100%;}
body{width:100%; height:100%; background-color:#fff; font-family:"微软雅黑","Microsoft YaHei";overflow:hidden;}
.content{position:relative; top:0; left:0;margin:0 auto; overflow:hidden;width: 750px;height: 100%;}
.page{position: absolute;top:0;left:0;width:100%;height:100%;}
.dis_n{display: none;}
.pos{position: absolute;}

.cen_left{position: absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.cen_lr{position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}


.lotteryBox{width: 650px; height: 740px;}

#lottery{width:100%; height:100%;}

#lottery > div{
	position: absolute;
	width: 210px; height: 240px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	border: 3px solid #e50f7b;
	text-align:center;
	vertical-align:middle;
	font-size: 40px;
}

#lottery > div:nth-child(2),#lottery > div:nth-child(6){
	left: 220px;
}
#lottery > div:nth-child(4),#lottery > div:nth-child(8){
	top: 250px;
}
#lottery > div:nth-child(3),#lottery > div:nth-child(4),#lottery > div:nth-child(5){
	right: 0px;
}
#lottery > div:nth-child(5),#lottery > div:nth-child(6),#lottery > div:nth-child(7){
	bottom: 0px;
}
#lottery  > div.active{background-color: #ffc0e0;}
#lotStartBtn{position: absolute; top: 250px; left: 220px;width: 210px; height: 240px;}


a{position: absolute;top:90px;left:90px;font-size: 100px;}

#stop{position: absolute;top: 0px; font-size: 100px;}
